﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="/Content/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/Content/css/style.min.css" rel="stylesheet" />
    <link href="/Content/css/font-awesome.min.css" rel="stylesheet" />
</head>
<body>
    <div id="menu">
        <div class="logo">
            <img src="/Content/images/logo.png" />
        </div>
        <div class="account">
            <span>Seaning<a href="#"><i class="fa fa-sign-out"></i></a></span>
        </div>
        <nav>
            <ul class="list">
                <li>
                    <a href="index.html" class="item active"><i class="fa fa-dashboard"></i>控制面板</a>
                </li>
                <li>
                    <a href="article.html" class="item"><i class="fa fa-book"></i>内容管理</a>
                </li>
                <li>
                    <a href="page.html" class="item"><i class="fa fa-sticky-note"></i>单页管理</a>
                </li>
                <li>
                    <a href="pic.html" class="item"><i class="fa fa-file-picture-o"></i>图片管理</a>
                </li>
            </ul>
        </nav>
    </div>
    <div id="main">
        <div class="title">控制面板</div>
        <div class="jumbotron">
            <h1 class="display-3">Hello, world!</h1>
            <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
            <hr class="my-4">
            <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
            <p class="lead">
                <a class="btn btn-primary btn-lg" href="#" role="button">写文章</a>
            </p>
        </div>
    </div>
</body>
</html>
